<%@page contentType="text/html; charset=utf-8" %>
<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>主页</title>
	
	<!-- bootstrap style -->
	<link rel="stylesheet" href="assets/lib/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="assets/lib/font-awesome/css/font-awesome.min.css">
</head>
<body>

	<div class="container-fluid">
		<div class="row">
			<div class="col-md-12">
				<nav class="navbar navbar-default">
					<div class="container">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
					    	</button>
					    	<a class="navbar-brand" href="#"><span class="fa fa-fire"></span> LOGO</a>
						</div>
						
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav navbar-right">
								<li class="active">
									<a href="#"><span class="fa fa-home"></span> 首页</a>
								</li>
								<li>
									<a href="#"><span class="fa fa-video-camera"></span> 视频欣赏</a>
								</li>
								<li>
									<a href="#"><span class="fa fa-id-card"></span> 艺人</a>
								</li>
								<li>
									<a href="#"><span class="fa fa-camera"></span> 写真</a>
								</li>
								<li>
									<a href="#"><span class="fa fa-film"></span> 专辑</a>
								</li>
								<li>
									<a href="#"><span class="fa fa-video-camera"></span> 关于我们</a>
								</li>
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
									</ul>
								</li>
							</ul>
						</div>
						
					</div>
				</nav>
			</div>
		</div>
	</div>

	<!-- jquery -->
	<script type="text/javascript" src="assets/lib/jquery/jquery.min.js"></script>
	<!-- bootstrap js -->
	<script type="text/javascript" src="assets/lib/bootstrap/js/bootstrap.min.js"></script>

</body>
</html>